<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浙江Club Med Joyview 千岛湖度假村在线预订及价格查询-第六感精品别墅</title>

    <link rel="icon" href="image/public/Logo.ico">
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/commodity.css">
    <link rel="stylesheet" href="css/bottom.css">
    <link rel="stylesheet" href="css/public.css">

    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/post.css">

    <!-- element -->
    <link rel="stylesheet" href="element/index.css">

    <style>
        /* 改变文本框的 */
        .el-input--prefix .el-input__suffix {
            padding-left: 62px;
            margin-top: 2px;
            margin-left: 15px;
        }

        .el-input--prefix .el-input__inner {
            padding-left: 45px;
        }

        .el-input--suffix .el-input__inner {
            padding-right: 48px;
        }

        .el-input__suffix {
            right: -67px;
            transition: all .3s;
        }

        .el-date-editor.el-input,
        .el-date-editor.el-input__inner {
            width: 170px;
        }

        ol,
        ul {
            padding-left: 0rem;
        }

        tbody,
        td,
        tfoot,
        th,
        thead,
        tr {
            /* display: flex; */
            flex-wrap: wrap;
        }

        .de-ssfw tbody {
            display: flex;
            flex-wrap: wrap;
        }

        .anchorBL {
            display: none;
        }
    </style>
</head>

<body>

<div id="app">
    <!-- 导航条最大的盒子 -->
    <div class="head_max">
        <!-- 小的盒子 -->
        <div class="head_min">
            <!-- 头部logo -->
            <div class="head_logo"></div>
            <!-- 导航条 -->
            <div class="navigation_bars">
                <div class="nav_top">
                    <ul class="ul1">
                        <li class="operation_li" v-if="userInfo.length!=0">
                            <a href="myaccount_Myorder.html" class="a_text_all">你好,{{userInfo.user_name}}</a>
                            <span class="operation_span">|</span>
                        </li>
                        <li class="operation_li" v-else>
                            <a class="a_text_all a-out-login">登录</a>
                            <span class="operation_span">|</span>
                        </li>
                        <li class="operation_li">
                            <a href="#" class="a_text_all" @click="openFullScreen1">退出</a>
                            <span class="operation_span">|</span>
                        </li>

                        <li class="ul2-li">
                            <a href="#" class="a_text_all">Language</a>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-daosanjiao"></use>
                            </svg>
                            <span>|</span>
                            <!-- <div class="ss">9999999</div> -->
                            <!-- 二级菜单 -->
                            <ul class="ul2">
                                <li><a href="#">English</a></li>
                                <li><a href="#">繁體中文</a></li>
                                <li><a href="#">简体中文</a></li>
                                <li style="border: 0;"><a href="#">日本语</a></li>
                            </ul>

                        </li>
                        <li class="ul3-li">
                            <a href="#">CNY</a>
                            <svg class="icon" aria-hidden="true" style="margin-top: 4px;">
                                <use xlink:href="#icon-daosanjiao"></use>
                            </svg>
                            <span>|</span>
                            <!-- 二级菜单 -->
                            <ul class="ul3">
                                <li><a href="#">CNY</a></li>
                                <li><a href="#">USD</a></li>
                                <li><a href="#">HKD</a></li>
                                <li style="border: 0;"><a href="#">JPY</a></li>
                            </ul>
                        </li>
                        <li><a href="#">常见问题</a> <span>|</span></li>
                        <li class="ul4-li">
                            <img src="image/head/phone2.svg" width="13">
                            <a href="#">APP客户端</a>
                            <span>|</span>
                            <div class="ul4">
                                <div class="download-1">APP预订，即时简单快捷</div>
                                <div class="img"></div>
                            </div>
                        </li>
                        <li>
                            <img src="image/head/phone.svg" width="15">
                            <a href="#" style="color:#ff8000; font-style: oblique;font-size: 14px;">400-9600-080</a>
                        </li>

                    </ul>
                </div>

                <div class="nav_bottom">
                    <ul>
                        <li><a href="./index.html">首页</a></li>
                        <li class="li">
                            <a href="#">别墅公寓</a>
                            <svg class="icon" aria-hidden="true" style="margin-top: 6px; font-size: 12px;">
                                <use xlink:href="#icon-daosanjiao"></use>
                            </svg>
                        </li>
                        <li><a href="./hotel.html">甄选酒店</a></li>
                        <div class="new"></div>
                        <li><a href="./private.html">私享小团</a></li>
                        <li><a href="#">限时优惠</a></li>
                        <li><a href="./single.html">晒单</a></li>
                        <li><a href="vacation_tips.html">度假攻略</a></li>
                        <li><a href="./vvip.html">VVIP</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div id="main-login">
        <div id="login-box" class="big-login">
            <div class="img-login">
                <a href="#">
                    <img src="./image/login/login1.png" alt="">
                </a>
            </div>
            <div class="ord-use">
                <div class="ord-title">
                    <div class="ord-title-box">
                            <span class="span-ord">
                                <a>普通账户登录</a>
                            </span>
                        <span style="margin: 0px 20px; font-size: 20px;">|</span>
                        <span class="span-phone">
                                <a>手机动态码登录</a>
                            </span>
                    </div>
                    <div class="ord-xx">
                        <a>
                            <img src="./image/login/login2.png" alt="">
                        </a>
                    </div>
                </div>

                <div class="ord1">
                    <div class="ord-icon1">
                            <span class="ord-icon1-div">
                                <div></div>
                            </span>
                        <input type="text" class="ord-num" id="ord-inp-num">
                        <label class="ord-icon-lab1" for="ord-inp-num">电子邮箱/手机号码</label>
                        <p class="ord-icon-p1">请输入用户名!</p>
                    </div>
                </div>
                <div class="ord-icon1 ord-icon2">
                        <span class="ord-icon2-div">
                            <div></div>
                        </span>
                    <input type="password" class="ord-pwd" id="ord-inp-pwd">
                    <label class="ord-icon-lab2" for="ord-inp-pwd">密码</label>
                    <a class="ord-icon-a">
                        <img src="./image/login/login4.png" alt="" class="ord-icon-img1">
                        <img src="./image/login/login5.png" alt="" class="ord-icon-img2">
                    </a>
                    <p class="ord-icon-p2">请输入密码!</p>
                </div>
                <div class="big-auto-login">
                    <div class="auto-login">
                        <div class="auto-login-box">
                            <div>
                                <input type="checkbox" id="auto-checkbox">
                                <label for="auto-checkbox">记住密码</label>
                            </div>
                            <a href="">
                                忘记密码?
                            </a>
                        </div>
                    </div>
                    <div class="sub-login">
                        <button id="sub-login" @click="submit">登录</button>
                    </div>
                    <div class="or-login">
                        <span>或者通过以下方式登录</span>
                    </div>
                    <div class="wx-login">
                        <div class="wx-login-box">
                            <a href="">
                                <div class="weix-login-img"></div>
                            </a>
                            <a href="">
                                <div class="weibo-login-img"></div>
                            </a>
                        </div>
                    </div>
                    <div class="ord-reg">
                        <span>还没账号? 现在 <a class="main-post-go">注册就送900</a></span>
                    </div>
                </div>

            </div>
            <div class="phone-use">
                <div class="ord-title">
                    <div class="ord-title-box">
                            <span class="span-ord">
                                <a>普通账户登录</a>
                            </span>
                        <span style="margin: 0px 20px; font-size: 20px;">|</span>
                        <span class="span-phone">
                                <a>手机动态码登录</a>
                            </span>
                    </div>
                    <div class="ord-xx">
                        <a>
                            <img src="./image/login/login2.png" alt="">
                        </a>
                    </div>
                </div>
                <form class="phone-form">
                    <div class="phone-num-coun">
                        <div class="phone-num-box">
                            <div>
                                <div class="numes">+86</div>
                                <div class="phone-select">
                                    <img src="./image/login/login6.svg" alt="">
                                </div>
                            </div>
                            <div class="phone-country-div">
                                <ul class="phone-country">
                                    <div class="always_phone">常用区号</div>
                                    <li style="color: rgb(0,0,0);">
                                        China (中国)&nbsp;
                                        <span class="inter_num">+86</span>
                                    </li>
                                    <li style="color: rgb(0,0,0);">
                                        Hong Kong (香港)&nbsp;
                                        <span class="inter_num">+852</span>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <input type="text" class="phone-num" id="phone-inp-lab">
                                <label class="phone-num-lab1" for="phone-inp-lab">请输入手机号</label>
                            </div>
                        </div>
                    </div>
                    <div class="phone-trends">
                        <div class="phone-trends-box">
                            <div class="icon-phone">
                                <div></div>
                            </div>
                            <div class="trends-inp">
                                <input type="text" name="" id="phone-trends-inp">
                                <label for="phone-trends-inp" id="tredns-lab">请输入动态码</label>
                            </div>
                            <button>获取动态码</button>
                        </div>
                    </div>
                    <div class="big-auto-login">
                        <div class="auto-login">
                            <div class="auto-login-box">
                                <div>
                                    <label for="auto-checkbox"></label>
                                </div>
                                <a href="">
                                    忘记密码?
                                </a>
                            </div>
                        </div>
                        <div class="sub-login">
                            <button id="phone-login">登录</button>
                        </div>
                        <div class="or-login">
                            <span>或者通过以下方式登录</span>
                        </div>
                        <div class="wx-login">
                            <div class="wx-login-box">
                                <a href="">
                                    <div class="weix-login-img"></div>
                                </a>
                                <a href="">
                                    <div class="weibo-login-img"></div>
                                </a>
                            </div>
                        </div>
                        <div class="ord-reg">
                            <span>还没账号? 现在 <a class="main-post-go">注册就送900</a></span>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div id="main-post">
            <div id="post-left">
                <div class="new-people">
                    <span>新人福利来啦! 现在注册就送</span>
                </div>
                <div class="nine-price">
                    <span>￥900抵用券</span>
                </div>
                <div class="know-info">
                    <button>
                        <a href="">了解详情</a>
                    </button>
                </div>
            </div>
            <div id="post-right">
                <div class="post-title">
                    <div class="post-title-box">
                        <span class="p-t-phone">手机注册</span>
                        <span style="color:rgb(176, 176, 176);">|</span>
                        <span class="p-t-email">邮箱注册</span>
                    </div>
                    <img src="./image/login/login2.png" id="post-close" alt="">
                </div>
                <div class="post-form">
                    <form>
                        <div class="form-div">
                            <div class="f-div-box">
                                <div class="sel-content">
                                    <div class="sel-con-box">
                                        <span>+86</span>
                                        <img src="./image/login/login6.svg" alt="">
                                    </div>
                                    <div class="number-div">
                                        <input type="text" id="num-inp">
                                        <label for="num-inp" id="num-lab">手机号码</label>
                                    </div>
                                </div>
                                <p class="num-inp-tip">请输入手机号！</p>
                                <div class="code-content">
                                    <div class="code-c-box">
                                        <div class="c-box-son">
                                            <div class="code-img">
                                                <div></div>
                                            </div>
                                            <input type="text" id="code-inp">
                                        </div>
                                        <label for="code-inp" id="code-lab">验证码</label>
                                    </div>
                                    <div class="code-btn">
                                        <button>获取验证码</button>
                                    </div>
                                </div>
                                <p id="code-tip">请输入验证码!</p>
                                <div class="post-pwd" style="margin-top:-5px ;">
                                    <div class="post-pwd-box">
                                        <div class="pwd-img">
                                            <div></div>
                                        </div>
                                        <input type="password" name="" id="pwd-inp">
                                    </div>
                                    <div>
                                        <div id="eyes-div1">
                                            <img class="eyes-pwd1" src="./image/login/login4.png" alt="">
                                        </div>
                                        <div id="eyes-div2">
                                            <img class="eyes-pwd2" src="./image/login/login5.png" alt="">
                                        </div>
                                    </div>
                                    <label for="pwd-inp" id="pwd-lab">密码</label>
                                </div>
                                <p id="pwd-tip">请输入密码!</p>
                                <div class="post-pwd-too" style="margin-top:-5px ;">
                                    <div class="post-pwd-box">
                                        <div class="pwd-img">
                                            <div></div>
                                        </div>
                                        <input type="password" name="" id="pwd-inp-too">
                                    </div>
                                    <div id="eyes-div3">
                                        <img class="eyes-pwd3" src="./image/login/login4.png" alt="">
                                    </div>
                                    <div id="eyes-div4">
                                        <img class="eyes-pwd4" src="./image/login/login5.png" alt="">
                                    </div>
                                    <label for="pwd-inp-too" id="pwd-lab-too">请再次确认密码</label>
                                </div>
                                <p id="pwd-tip-too">请确认密码!</p>

                                <div class="post-btn">
                                    <button type="button" id="post-sub" @click="register">注册</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="post-bom">
                        <div class="post-bom-box">
                            <span class="p-b-span1">已有账号 <a id="go-login">登录</a></span>
                            <span class="p-b-span2">注册视为同意 <a href="">《第六感用户协议</a> 》</span>
                        </div>
                    </div>
                </div>
                <div class="post-form2">
                    <form>
                        <div class="form-div">
                            <div class="f-div-box">
                                <div class="post-email">
                                    <div class="post-e-box">
                                        <div class="post-e-img">
                                            <div></div>
                                        </div>
                                        <input type="text" id="post-e-inp">
                                    </div>
                                    <label for="post-e-inp" id="post-e-lab">电子邮箱</label>
                                </div>
                                <p id="post-e-tip1">请输入电子邮箱！</p>
                                <div class="code-content">
                                    <div class="code-c-box">
                                        <div class="c-box-son">
                                            <div class="code-img">
                                                <div></div>
                                            </div>
                                            <input type="text" id="email-code">
                                        </div>
                                        <label for="email-code" id="email-lab">验证码</label>
                                    </div>
                                    <div class="code-btn">
                                        <button>获取验证码</button>
                                    </div>
                                </div>
                                <p id="post-e-tip2">请输入验证码！</p>
                                <div class="post-pwd" style="margin-top:-5px ;">
                                    <div class="post-pwd-box">
                                        <div class="pwd-img">
                                            <div></div>
                                        </div>
                                        <input type="password" name="" id="email-pwd-inp">
                                    </div>
                                    <div>
                                        <div id="eyes-div5">
                                            <img class="eyes-pwd5" src="./image/login/login4.png" alt="">
                                        </div>
                                        <div id="eyes-div6">
                                            <img class="eyes-pwd6" src="./image/login/login5.png" alt="">
                                        </div>
                                    </div>
                                    <label for="email-pwd-inp" id="eamil-pwd-lab">密码</label>
                                </div>
                                <p id="post-e-tip3">请输入密码！</p>
                                <div class="post-pwd-too" style="margin-top:-5px ;">
                                    <div class="post-pwd-box">
                                        <div class="pwd-img">
                                            <div></div>
                                        </div>
                                        <input type="password" name="" id="eamil-p-i-too">
                                    </div>
                                    <div id="eyes-div7">
                                        <img class="eyes-pwd7" src="./image/login/login4.png" alt="">
                                    </div>
                                    <div id="eyes-div8">
                                        <img class="eyes-pwd8" src="./image/login/login5.png" alt="">
                                    </div>
                                    <label for="eamil-p-i-too" id="eamil-p-l-too">请再次确认密码</label>
                                </div>
                                <p id="post-e-tip4" style="margin-top: -24px;">请确认密码！</p>

                                <div class="post-e-btn">
                                    <button id="post-e-sub">注册</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="post-bom">
                        <div class="post-bom-box">
                            <span class="p-b-span1">已有账号 <a id="e-go-login">登录</a></span>
                            <span class="p-b-span2">注册视为同意 <a href="">《第六感用户协议</a> 》</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 固定的导航条 -->
    <div class="fixed-menu">
        <div class="fixeds">
            <ul class="items">
                <li class="fixed-li fixed-li1" id="fix1">
                    <a href="javascript:;" class="navItems" navTo="dtitle">
                        <!-- 图标 -->
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg class="svgs" width="24" height="24" viewBox="0 0 48 48" fill="none"
                             xmlns="http://www.w3.org/2000/svg">
                            <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                            <path d="M9 18V42H39V18L24 6L9 18Z" fill="none"/>
                            <path d="M9 42V18L4 22L24 6L44 22L39 18V42H9Z" stroke="#fff" stroke-width="4"
                                  stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M19 29V42H29V29H19Z" fill="none" stroke="#fff" stroke-width="4"
                                  stroke-linejoin="round"/>
                            <path d="M9 42H39" stroke="#fff" stroke-width="4" stroke-linecap="round"/>
                        </svg>
                        别墅总览
                    </a>
                </li>
                <li class="fixed-li" id="fix2">
                    <a href="javascript:;" class="navItems" navTo="dtitle2">
                        <!-- 图标 -->
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg class="svgs" width="24" height="24" viewBox="0 0 48 48" fill="none"
                             xmlns="http://www.w3.org/2000/svg">
                            <path d="M6 42L42 42" stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"/>
                            <path d="M6 36L42 36" stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"/>
                            <path d="M9 25C9 16.7157 15.7157 10 24 10V10C32.2843 10 39 16.7157 39 25V36H9L9 25Z"
                                  fill="none" stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"
                                  stroke-linejoin="round"/>
                            <path d="M17 25V29" stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"/>
                            <path d="M28 10V8C28 5.79086 26.2091 4 24 4V4C21.7909 4 20 5.79086 20 8V10"
                                  stroke="#9e9e9e" stroke-width="4"/>
                        </svg>
                        设施&服务
                    </a>
                </li>
                <li class="fixed-li" id="fix3">
                    <a href="javascript:;" class="navItems" navTo="dtitle3">
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg class="svgs" width="23" height="23"
                             viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                            <path d="M4 8H44V16C44 16 34 18 34 24C34 30 44 32 44 32V40H4V8Z" fill="none"
                                  stroke="#9e9e9e" stroke-width="4" stroke-linejoin="round"/>
                            <path d="M44 24H42" stroke="#9e9e9e" stroke-width="4" stroke-linecap="square"
                                  stroke-linejoin="round"/>
                        </svg>
                        价格&条款
                    </a>
                </li>
                <li class="fixed-li" id="fix4">
                    <a href="javascript:;" class="navItems" navTo="dtitle4">
                        <!-- 图标 -->
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg class="svgs" width="24" height="24"
                             viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                            <path
                                    d="M24 44.0002C35.0457 44.0002 44 35.0459 44 24.0002C44 12.9545 35.0457 4.00024 24 4.00024C12.9543 4.00024 4 12.9545 4 24.0002C4 35.0459 12.9543 44.0002 24 44.0002Z"
                                    stroke="#9e9e9e" stroke-width="4"/>
                            <path
                                    d="M6 30.9856C8.63192 32.041 10.5266 32.041 11.6839 30.9856C13.4199 29.4025 11.9219 24.5978 14.3532 23.2727C16.7844 21.9476 20.4886 27.8214 23.9508 25.8887C27.4129 23.9559 23.6246 18.8023 26.0272 16.713C28.4298 14.6237 31.554 16.98 32.1001 13.4865C32.6462 9.99304 29.5521 11.5082 28.9584 8.20693C28.5625 6.00611 28.5625 4.84884 28.9584 4.73511"
                                    stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"/>
                            <path
                                    d="M29.021 43.3505C27.1469 41.4325 26.4722 39.6497 26.997 38.0019C27.7842 35.5303 29.0827 35.6764 29.6489 34.1482C30.215 32.6199 28.6157 30.4433 32.1644 28.5826C34.5302 27.3421 37.7831 28.7794 41.9229 32.8944"
                                    stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"/>
                        </svg>
                        别墅位置
                    </a>
                </li>
                <li class="fixed-li" id="fix5">
                    <a href="javascript:;" class="navItems" navTo="dtitle5">
                        <!-- 图标 -->
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg class="svgs" width="24" height="24"
                             viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                            <path d="M33 38H22V30H36V22H44V38H39L36 41L33 38Z" stroke="#9e9e9e" stroke-width="4"
                                  stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M4 6H36V30H17L13 34L9 30H4V6Z" fill="none" stroke="#9e9e9e" stroke-width="4"
                                  stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M12 22H18" stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"/>
                            <path d="M12 14H24" stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"/>
                        </svg>
                        别墅评价
                    </a>
                </li>
            </ul>
            <div style="display: flex;">
                <!-- 按钮 -->
                <a href="#book">
                    <button class="reserve" style="height: 37px;margin-top: 5px;">立刻预订</button>
                </a>
                <!-- 点赞 -->
                <div class="like" style="margin-top: 8px;margin-left: 25px;"></div>
                <!-- 分享 -->
                <div class="share" style="margin-top: 8px;margin-left: 25px;">
                    <!-- 分享的二级菜单 -->
                    <div class="shadow-box" style="top: 74px;right: 77px;">
                        <div class="bts_pp">
                            <img src="./image/commodity_img/icon/icon_10.png"
                                 style="margin-right: 42%;margin-top: -24px">
                            <a href="#">
                                <img src="./image/commodity_img/icon/icon_11.png"
                                     style="margin-left: -30px;margin-top: -24px;">
                            </a>
                        </div>
                        <img src="./image/commodity_img/icon/icon_12.png" alt="">
                    </div>
                </div>
            </div>

        </div>
    </div>

    <!-- 身体 -->
    <div class="commodity_body_max">
        <div class="commodity_body">
            <!-- 标题 -->
            <div class="Cdir" v-for="(facility,i) in facility">
                <p>
                    <a href="./index.html">首页</a> >
                    <a href="#" v-for="(tit,index) in titles">
                        {{tit}} >
                    </a>

                    <a href="commodity.html">{{facility.villa_name}}</a>
                </p>
            </div>
            <!-- 开始身体 -->
            <div class="c_b_min">
                <!-- 左边  -->
                <div class="commodity_body_left">
                    <!-- 头部 -->
                    <div class="head_cdir" v-for="(facility,i) in facility">
                        <h1 class="tit">{{ facility.villa_name }}</h1>
                        <span class="Lfll">{{ facility.villa_place }}</span>

                        <a href="#dtitle4">
                            <img src="./image/commodity_img/icon/dingwei.svg" width="18">
                            查看地图
                        </a>

                        <!-- 价格 -->
                        <div style="position: absolute;bottom: 0px;right: 0;">
                            <p class="price">
                                ￥
                                <b style="font-size: 30px;">{{facility.villa_price}}</b>
                                /晚起
                            </p>
                        </div>
                    </div>
                    <!-- 轮播图 -->
                    <div class="lbt">
                        <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-indicators">
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="0" class="active" aria-current="true"
                                        aria-label="Slide 1"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="1" aria-label="Slide 2"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="2" aria-label="Slide 3"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="3" aria-label="Slide 4"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="4" aria-label="Slide 5"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="5" aria-label="Slide 6"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="6" aria-label="Slide 7"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="7" aria-label="Slide 8"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="8" aria-label="Slide 9"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="9" aria-label="Slide 10"></button>
                                <button type="button" data-bs-target="#carouselExampleIndicators"
                                        data-bs-slide-to="10" aria-label="Slide 11"></button>
                            </div>
                            <div class="carousel-inner">
                                <div :class="i==0? 'carousel-item active': 'carousel-item'" v-for="(v,i) in img">
                                    <img :src=`image/villa_img/${v}` width="100%">
                                </div>

                            </div>
                            <button class="carousel-control-prev" type="button"
                                    data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Previous</span>
                            </button>
                            <button class="carousel-control-next" type="button"
                                    data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="visually-hidden">Next</span>
                            </button>
                        </div>

                    </div>

                    <!-- 选择入住时间 -->
                    <div class="room_list" v-for="(facility,i) in facility">
                        <div style="display: flex;">
                            <div class="dateTime1">
                                <template>
                                    <div class="block">
                                        <el-date-picker v-model="value1" type="date" placeholder="请选择开始日期">
                                        </el-date-picker>
                                    </div>
                                </template>
                            </div>
                            <div class="dateTime2">
                                <template>
                                    <div class="block">
                                        <el-date-picker @change="change()" v-model="value" type="date"
                                                        placeholder="选择结束日期">
                                        </el-date-picker>
                                    </div>
                                </template>
                            </div>
                            <button class="dateTime_btn" id="book">查看详情</button>
                        </div>

                        <div class="room-tip">以下房型价格是您所选择入住期间的价格</div>
                        <div class="date-box">
                            <div class="remarks" title="房型">房型</div>
                            <div class="remarks" title="最短入住时间">入住天数</div>
                            <div class="remarks" title="房间数">房间数</div>
                            <div class="remarks" title="每晚价格">每晚价格</div>
                            <div class="remarks" title="总价（包含税费与服务费等）">总价（包含税费与服务费等）</div>
                        </div>
                        <div class="room-status">
                            <div class="remarks" :title="facility.house_apartment" style="margin-left: 7px;">
                                    <span>{{ facility.house_apartment
                                        }}</span>
                            </div>
                            <div class="remarks" :title="changes"><span>{{ changes }}天</span></div>
                            <div class="remarks" :title="changes"><span>{{facility.villa_rooms}}个</span></div>
                            <div class="remarks" :title="facility.villa_price">
                                    <span style="color: #ff8000;border-bottom: 1px dashed #ff8000;">{{
                                            facility.villa_price }}元</span>
                            </div>
                            <div class="remarks"><span
                                    style="color: #ff8000;border-bottom: 1px dashed #ff8000;">{{total}} 元</span></div>
                            <!-- :href="'order.html?id='+facility.villa_id+'&date1='+date1+'&date2='+date2+'&total='+total" -->
                            <a style="color: #fff;text-decoration: none;">
                                <button class="tobook" @click="go_order">预订</button>
                            </a>
                        </div>
                    </div>

                    <!-- 主题 -->
                    <div class="detail-type">
                        <ul class="items">
                            <a href="javascript:;" class="navItems" navTo="dtitle">
                                <li class="items_11" style="margin-left: 25px;">
                                    <!-- 图标 -->
                                    <?xml version="1.0" encoding="UTF-8"?>
                                    <svg class="svgs" width="24" height="24" viewBox="0 0 48 48" fill="none"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                                        <path d="M9 18V42H39V18L24 6L9 18Z" fill="none"/>
                                        <path d="M9 42V18L4 22L24 6L44 22L39 18V42H9Z" stroke="#fff"
                                              stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M19 29V42H29V29H19Z" fill="none" stroke="#fff" stroke-width="4"
                                              stroke-linejoin="round"/>
                                        <path d="M9 42H39" stroke="#fff" stroke-width="4" stroke-linecap="round"/>
                                    </svg>
                                    别墅总览
                                </li>
                            </a>

                            <a href="javascript:;" class="navItems" navTo="dtitle2">
                                <li class="items_li">
                                    <!-- 图标 -->
                                    <?xml version="1.0" encoding="UTF-8"?>
                                    <svg class="svgs" width="24" height="24" viewBox="0 0 48 48" fill="none"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <path d="M6 42L42 42" stroke="#9e9e9e" stroke-width="4"
                                              stroke-linecap="round"/>
                                        <path d="M6 36L42 36" stroke="#9e9e9e" stroke-width="4"
                                              stroke-linecap="round"/>
                                        <path
                                                d="M9 25C9 16.7157 15.7157 10 24 10V10C32.2843 10 39 16.7157 39 25V36H9L9 25Z"
                                                fill="none" stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"
                                                stroke-linejoin="round"/>
                                        <path d="M17 25V29" stroke="#9e9e9e" stroke-width="4"
                                              stroke-linecap="round"/>
                                        <path d="M28 10V8C28 5.79086 26.2091 4 24 4V4C21.7909 4 20 5.79086 20 8V10"
                                              stroke="#9e9e9e" stroke-width="4"/>
                                    </svg>
                                    设施&服务
                                </li>
                            </a>

                            <a href="javascript:;" class="navItems" navTo="dtitle3">
                                <li class="items_li">
                                    <?xml version="1.0" encoding="UTF-8"?>
                                    <svg class="svgs" width="23" height="23"
                                         viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                                        <path d="M4 8H44V16C44 16 34 18 34 24C34 30 44 32 44 32V40H4V8Z" fill="none"
                                              stroke="#9e9e9e" stroke-width="4" stroke-linejoin="round"/>
                                        <path d="M44 24H42" stroke="#9e9e9e" stroke-width="4"
                                              stroke-linecap="square" stroke-linejoin="round"/>
                                    </svg>
                                    价格&条款
                                </li>
                            </a>

                            <a href="javascript:;" class="navItems" navTo="dtitle4">
                                <li class="items_li">
                                    <!-- 图标 -->
                                    <?xml version="1.0" encoding="UTF-8"?>
                                    <svg class="svgs" width="24" height="24"
                                         viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                                        <path
                                                d="M24 44.0002C35.0457 44.0002 44 35.0459 44 24.0002C44 12.9545 35.0457 4.00024 24 4.00024C12.9543 4.00024 4 12.9545 4 24.0002C4 35.0459 12.9543 44.0002 24 44.0002Z"
                                                stroke="#9e9e9e" stroke-width="4"/>
                                        <path
                                                d="M6 30.9856C8.63192 32.041 10.5266 32.041 11.6839 30.9856C13.4199 29.4025 11.9219 24.5978 14.3532 23.2727C16.7844 21.9476 20.4886 27.8214 23.9508 25.8887C27.4129 23.9559 23.6246 18.8023 26.0272 16.713C28.4298 14.6237 31.554 16.98 32.1001 13.4865C32.6462 9.99304 29.5521 11.5082 28.9584 8.20693C28.5625 6.00611 28.5625 4.84884 28.9584 4.73511"
                                                stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"/>
                                        <path
                                                d="M29.021 43.3505C27.1469 41.4325 26.4722 39.6497 26.997 38.0019C27.7842 35.5303 29.0827 35.6764 29.6489 34.1482C30.215 32.6199 28.6157 30.4433 32.1644 28.5826C34.5302 27.3421 37.7831 28.7794 41.9229 32.8944"
                                                stroke="#9e9e9e" stroke-width="4" stroke-linecap="round"/>
                                    </svg>
                                    别墅位置
                                </li>
                            </a>

                            <a href="javascript:;" class="navItems" navTo="dtitle5">
                                <li class="items_li">
                                    <!-- 图标 -->
                                    <?xml version="1.0" encoding="UTF-8"?>
                                    <svg class="svgs" width="24" height="24"
                                         viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                                        <path d="M33 38H22V30H36V22H44V38H39L36 41L33 38Z" stroke="#9e9e9e"
                                              stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M4 6H36V30H17L13 34L9 30H4V6Z" fill="none" stroke="#9e9e9e"
                                              stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M12 22H18" stroke="#9e9e9e" stroke-width="4"
                                              stroke-linecap="round"/>
                                        <path d="M12 14H24" stroke="#9e9e9e" stroke-width="4"
                                              stroke-linecap="round"/>
                                    </svg>
                                    别墅评价
                                </li>
                            </a>
                        </ul>
                    </div>
                    <!-- 别墅总览 —— 开始 -->
                    <div class="dtitle" id="dtitle">
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg style="margin-top: -6px;" width="27" height="27"
                             viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                            <path d="M9 18V42H39V18L24 6L9 18Z" fill="none"/>
                            <path d="M9 42V18L4 22L24 6L44 22L39 18V42H9Z" stroke="#cfa972" stroke-width="4"
                                  stroke-linecap="square" stroke-linejoin="round"/>
                            <path d="M19 29V42H29V29H19Z" fill="none" stroke="#cfa972" stroke-width="4"
                                  stroke-linejoin="round"/>
                            <path d="M9 42H39" stroke="#cfa972" stroke-width="4" stroke-linecap="square"/>
                        </svg>
                        别墅总览
                    </div>
                    <div class="info-cont">
                        <p>
                            <strong style="color:red;">新村预售 钜惠来袭</strong>
                        </p>
                        <br>
                        <p>
                            <strong>套餐一：</strong>
                        </p>
                        <br>
                        <p>
                            <a href="javascript:void(0)" class="more">【查看全部介绍 + 】</a>
                        </p>

                        <!-- 开始显示全部介绍 -->
                        <div class="info-cont-show" style="display: none;">
                            <p><strong>高级房2大1小2晚房券</strong></p>
                            <p><strong>预售巨惠：￥1980起/套</strong></p>
                            <p>套餐包含：</p>
                            <p>1. 高级房住宿2晚 </p>
                            <p>2. 次日自助早餐2大1小（11周岁以下）</p>
                            <p>3. 羽毛球、室内泳池等度假村设施活动</p>
                            <p>4. 赠送2成人午餐或晚餐自助1次</p>
                            <p>5. 赠送2大1小自然徒步1次+2大1小户外骑行1次 </p>
                            <p>6. 赠送价值300元度假村代金券1套</p>

                            <p><br></p>

                            <p>预定须知：</p>
                            <p>销售日期：2022年5月16日—5月25日</p>
                            <p>兑换日期：2022年5月16日—8月30日</p>
                            <p>可预约入住日期：2022年6月16日—8月30日</p>

                            <p><br></p>

                            <p>【价格规则】：</p>
                            <p>6月：</p>
                            <p>周四入住，需在线补差价200元/套（2晚）</p>
                            <p>周六入住/6月30日入住，需在线补差价600元/套（2晚）</p>
                            <p>周五入住，需在线补差价800/套（2晚）</p>

                            <p><br></p>

                            <p>7月：</p>
                            <p>周日至周三入住，需在线补差价400元/套（2晚）</p>
                            <p>周四入住，需在线补差价800元/套（2晚）</p>
                            <p>周六入住，需在线补差价1000元/套（2晚）</p>
                            <p>周五入住，需在线补差价1400元/套（2晚）</p>

                            <p><br></p>

                            <p>8月：</p>
                            <p>周日至周三入住，需在线补差价400元/套（2晚）</p>
                            <p>周四入住，需在线补差价800元/套（2晚）</p>
                            <p>不可订日期：</p>
                            <p>8月5日-6日；8月12日-13日；8月19日-20日；8月26日-27日</p>

                            <p><br></p>

                            <p>备注：每套产品为两晚连住产品，默认加价日期为首日日期，例如预定6月16日周四加价200元/套，入住日期为6月16日入住，6月18日退房。</p>
                            <p>预定须知：</p>
                            <p>1.套餐内特色活动如遇雨天，将调整为双人瑜伽一次、2成人1儿童攀岩一次（儿童年龄3-11周岁）</p>
                            <p>2.代金券(国际餐厅自助餐 价值50元代金券 ; 酒吧当日特调一杯 价值68元 ；SPA 价值100元代金券 ；格林七号乐园门票 价值100元代金券）</p>
                            <p>3.入住日期如遇周末或七月八月，需补差价；具体差价规则及套餐详情，请咨询您的旅行社销售代表。</p>

                            <p><br></p>

                            <p>套餐二：</p>

                            <p><br></p>

                            <p>两位成人预定新村开业任意房型，并升级一价全包</p>
                            <p>即可享受房间价格9折优惠</p>
                            <p>房间含早：1288元起/间/晚</p>
                            <p>升级一价全包：</p>
                            <p>成人：+600元/人/晚</p>
                            <p>儿童(4-11岁)：+450元/人/晚</p>

                            <p><br></p>

                            <p>销售日期：2022年5月16日—5月25日</p>
                            <p>入住日期：2022年6月16日—8月30日</p>

                            <p><br></p>

                            <p><strong style="color:red;">该产品价格实时浮动，预订请联系第六感咨询顾问。 </strong></p>

                            <p><strong style="font-size: 14px;">酒店介绍：</strong></p>
                            <p>
                                    <span
                                            style="font-family: 微软雅黑, 'Microsoft YaHei'; font-size: 14px;">度假村位于杭州市淳安县千岛鲁能胜地，
                                        度假村占地面积近5万平方米，整体设计彰显淳安自然山水环境和优越的生态优势，并融合Club
                                        Med国际文化和快乐度假理念，给予宾客舒适愉快的入住体验。度假村周边有亚运自行车场馆，格林7号活力公园，亚运大道，亚运码头，以及集文化展示、餐饮娱乐功能于一体的金山坪亚运小镇。</span>
                            </p>

                            <p><br></p>

                            <p><strong style="font-size: 14px;">地理位置：</strong></p>

                            <ul style="padding-left: 40px;list-style: outside;font-size: 14px;">
                                <li>
                                    <p><span>千岛湖高铁站出发约40分钟</span></p>
                                </li>
                                <li style="margin-top: -10px;">
                                    <p><span>萧山机场出发约2.5小时</span></p>
                                </li>
                                <li style="margin-top: -10px;">
                                    <p><span>杭州出发约2.5小时</span></p>
                                </li>
                                <li style="margin-top: -10px;">
                                    <p><span>黄山出发约2.5小时</span></p>
                                </li>
                                <li style="margin-top: -10px;">
                                    <p><span>上海出发约4.5小时 </span></p>
                                </li>
                                <li style="margin-top: -10px;">
                                    <p><span>苏州出发约4小时</span></p>
                                </li>
                            </ul>

                            <p><br></p>

                            <p><strong style="font-size: 14px;">客房信息：</strong></p>

                            <ul style="padding-left: 40px;list-style: outside;font-size: 14px;">
                                <li>
                                    <p><span>高级房，共16间，40㎡，1张大床(2.4M*2M)或2张双床(1.2M*2M)+1张沙发床(0.9M*1.9M)，可容纳2位成人及1位（11周岁以下）儿童或者1名婴儿（可设婴儿床）</span>
                                    </p>
                                </li>
                                <li>
                                    <p><span>高级房-带阳台，共80间，42㎡，1张大床(2.4M*2M)或2张双床(1.2M*2M)+1张沙发床(0.9M*1.9M)，可容纳2位成人及1位（11周岁以下）儿童或者1名婴儿（可设婴儿床）</span>
                                    </p>
                                </li>
                                <li>
                                    <p><span>高级湖景房，共16间，40㎡，1张大床(2.4M*2M)或2张双床(1.2M*2M)+1张沙发床(0.9M*1.9M)，可容纳2位成人及1位（11周岁以下）儿童或者1名婴儿（可设婴儿床）</span>
                                    </p>
                                </li>
                                <li>
                                    <p><span>高级湖景房-带阳台
                                                ，共72间，42㎡，1张大床(2.4M*2M)或2张双床(1.2M*2M)+1张沙发床(0.9M*1.9M)，可容纳2位成人及1位（11周岁以下）儿童或者1名婴儿（可设婴儿床）</span>
                                    </p>
                                </li>
                                <li>
                                    <p><span>高级湖景房-带阳台(无障碍设施)*，，共2间，42㎡，1张大床(2.4M*2M)或2张双床(1.2M*2M)+1张沙发床(0.9M*1.9M)，可容纳2位成人及1位（11周岁以下）儿童或者1名婴儿（可设婴儿床）</span>
                                    </p>
                                </li>
                                <li>
                                    <p><span>尊享豪华湖景房-带阳台，共12间，57㎡，1张大床(2.4M*2M)或2张双床(1.2M*2M)+1张沙发床(0.9M*1.9M)，可容纳2位成人及2位（11周岁以下）儿童或者1名婴儿（可设婴儿床）</span>
                                    </p>
                                </li>
                                <li>
                                    <p><span>湖景套房-带阳台，共17间，80㎡，1张大床(2M*2M)+1张沙发床(0.9M*1.9M)，可容纳2位成人及2位（11周岁以下）儿童或者1名婴儿（可设婴儿床）</span>
                                    </p>
                                </li>
                                <li>
                                    <p><span>家庭套房，共7间，166㎡，2张大床(2.4M*2M)+2张沙发床(0.9M*1.9M)，可容纳4位成人及2位（11周岁以下）儿童或者1名婴儿（可设婴儿床</span>
                                    </p>
                                </li>
                            </ul>

                            <p><br></p>

                            <p><strong style="font-size: 14px;">客房设施：</strong></p>

                            <ul style="padding-left: 40px;list-style: outside;font-size: 14px;">
                                <li style="margin-top: -10px;">
                                    <p><span>沙发床</span></p>
                                </li>
                                <li style="margin-top: -10px;">
                                    <p><span>洗护备品</span></p>
                                </li>
                                <li style="margin-top: -10px;">
                                    <p><span>保险箱</span></p>
                                </li>
                                <li style="margin-top: -10px;">
                                    <p><span>迷你吧</span></p>
                                </li>
                            </ul>

                            <p><br></p>

                            <p><strong style="font-size: 14px;">服务：</strong></p>

                            <ul style="padding-left: 40px;list-style: outside;font-size: 14px;">
                                <li style="margin-top: -10px;">
                                    <p><span>早餐</span></p>
                                </li>
                                <li style="margin-top: -10px;">
                                    <p><span>免费 Wi-Fi</span></p>
                                </li>
                            </ul>

                            <p><br></p>

                            <p><strong style="color:red;font-size: 14px;">以上价格需不包含税费和服务费</strong></p>

                            <p>
                                <a href="javascript:void(0)" class="more">【收起全部介绍 - 】</a>
                            </p>

                        </div>

                        <p style="font-size:12px;color: #909090;margin-top: -10px;">图片仅供参考，具体以实物为准</p>

                    </div>
                    <!-- 别墅总览 —— 结束 -->

                    <!-- 设施&服务 —— 开始 -->
                    <div class="dtitle" id="dtitle2">
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg width="27" height="27" viewBox="0 0 48 48" fill="none"
                             xmlns="http://www.w3.org/2000/svg">
                            <path d="M6 42L42 42" stroke="#cfa972" stroke-width="4" stroke-linecap="round"/>
                            <path d="M6 36L42 36" stroke="#cfa972" stroke-width="4" stroke-linecap="round"/>
                            <path d="M9 25C9 16.7157 15.7157 10 24 10V10C32.2843 10 39 16.7157 39 25V36H9L9 25Z"
                                  fill="none" stroke="#cfa972" stroke-width="4" stroke-linecap="round"
                                  stroke-linejoin="round"/>
                            <path d="M17 25V29" stroke="#cfa972" stroke-width="4" stroke-linecap="round"/>
                            <path d="M28 10V8C28 5.79086 26.2091 4 24 4V4C21.7909 4 20 5.79086 20 8V10"
                                  stroke="#cfa972" stroke-width="4"/>
                        </svg>
                        设施&服务
                    </div>
                    <div class="de-ssfw">
                        <ul>
                            <li>
                                <label for="别墅景观：">别墅景观：</label>
                                <table>
                                    <tbody>
                                    <tr class="tres" v-if="landscape.vnorms[0].vnorms_type==='别墅景观'"
                                        v-for="(landscape,i) in landscape">
                                        <td class="tdes">{{ landscape.vnorms[0].vnorms_name}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </li>
                            <li>
                                <label for="主题：">主题：</label>
                                <table>
                                    <tbody>
                                    <tr class="tres" v-if="landscape.vnorms[0].vnorms_type==='主题'"
                                        v-for="(landscape,i) in landscape">
                                        <td class="tdes">{{ landscape.vnorms[0].vnorms_name}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </li>
                            <li>
                                <label for="免费服务：">免费服务：</label>
                                <table v-for="(facility,i) in facility">
                                    <tbody>
                                    <tr class="tres" v-if="facility.vsitems[i].vsitem_price<=0"
                                        v-for="(facilityes,i) in facility.vsitems">
                                        <td class="tdes">{{ facility.vsitems[i].vsitem_name}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </li>
                            <li>
                                <label for="收费服务：">收费服务：</label>
                                <table>
                                    <tbody v-for="(facility,i) in facility">
                                    <tr>
                                    <tr class="tres" v-if="facility.vsitems[i].vsitem_price>0"
                                        v-for="(facilityes,i) in facility.vsitems">
                                        <td class="tdes">{{ facility.vsitems[i].vsitem_name}}</td>
                                    </tr>
                                    </tr>
                                    </tbody>
                                </table>
                            </li>
                            <li>
                                <label for="别墅设施：">别墅设施：</label>
                                <table>
                                    <tbody>
                                    <tr>
                                    <tr class="tres" v-if="service.facilities[0].facilities_type=='别墅设施'"
                                        v-for="(service,i) in service">
                                        <td class="tdes">{{ service.facilities[0].facilities_name}}</td>
                                    </tr>
                                    </tr>
                                    </tbody>
                                </table>
                            </li>
                            <li>
                                <label for="综合设施：">综合设施：</label>
                                <table>
                                    <tbody>
                                    <tr class="tres" v-if="service.facilities[0].facilities_type=='综合设施'"
                                        v-for="(service,i) in service">
                                        <td class="tdes">{{ service.facilities[0].facilities_name}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </li>
                            <li>
                                <label for="娱乐/活动设施：">娱乐/活动设施：</label>
                                <table>
                                    <tbody>
                                    <tr class="tres" v-if="service.facilities[0].facilities_type=='娱乐/活动设施'"
                                        v-for="(service,i) in service">
                                        <td class="tdes">{{ service.facilities[0].facilities_name}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </li>
                        </ul>
                    </div>
                    <!-- 设施&服务 —— 结束 -->

                    <!-- 价格&条款 —— 开始 -->
                    <div class="dtitle" id="dtitle3">
                        <?xml version="1.0" encoding="UTF-8"?>
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg width="26" height="26" viewBox="0 0 48 48"
                             fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                            <path d="M4 8H44V16C44 16 34 18 34 24C34 30 44 32 44 32V40H4V8Z" fill="none"
                                  stroke="#cfa972" stroke-width="4" stroke-linejoin="round"/>
                            <path d="M44 24H42" stroke="#cfa972" stroke-width="4" stroke-linecap="square"
                                  stroke-linejoin="round"/>
                        </svg>
                        价格&条款
                    </div>
                    <div class="de-ssfw">
                        <!-- 查询房型 -->
                        <div class="query-price">
                            <b>当前价格查询：</b>
                            <select name="house_type" id="house_type" style="width: 188px;outline: none;">
                                <option value="1间卧室 高级客房">1间卧室 高级客房</option>
                            </select>
                            <strong>请选择房型</strong>
                        </div>
                        <!-- 表格 -->
                        <div class="price-tk">
                            <table class="price-tab">
                                <thead>
                                <tr>
                                    <td style="width: 140px;">价目</td>
                                    <td>最短停留时间（晚）</td>
                                    <td style="width: 224px;">时间范围</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr style="display: none;">
                                    <td>¥990</td>
                                    <td>2</td>
                                    <td>2022-06-16 - 2022-08-31</td>
                                </tr>
                                </tbody>
                            </table>

                            <div class="bz-cont">
                                备注：此房价为1卧室的价格2位客人。已含费税和服务税
                                <a href="javascript:void(0);" class="bz-cont-show">【查看所有时段价格 + 】</a>
                            </div>

                            <table class="fy-tab">
                                <tbody>
                                <tr>
                                    <td>成人加床费：</td>
                                    <td>不支持加床</td>
                                </tr>
                                <tr>
                                    <td style="background-color: #fff;">儿童加床费：</td>
                                    <td style="background-color: #fff;">不支持加床</td>
                                </tr>
                                </tbody>
                            </table>

                            <p class="tk-cont">
                                <span>儿童条款：</span>
                                Club Med是按照人数、年龄收费，预订之前请按照每间房实际入住人数、年龄进行查询、预订、支付。
                            </p>
                            <p class="tk-cont" style="margin-top: -10px;">
                                <span>预订/取消条款：</span>
                                预订入住日前8天及以上通知，不收取损失费用；
                                预订入住日前3~7天通知（包含第3天和第7天），收取总价的50%的损失费用；
                                预订入住日前2天及以内通知（包含第2天），收取总价的100%损失费用。
                            </p>
                        </div>

                    </div>
                    <!-- 价格&条款 —— 结束 -->

                    <!-- 别墅位置 —— 开始 -->
                    <div class="dtitle" id="dtitle4">
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg width="26" height="26" viewBox="0 0 48 48"
                             fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                            <path
                                    d="M24 44.0002C35.0457 44.0002 44 35.0459 44 24.0002C44 12.9545 35.0457 4.00024 24 4.00024C12.9543 4.00024 4 12.9545 4 24.0002C4 35.0459 12.9543 44.0002 24 44.0002Z"
                                    stroke="#cfa972" stroke-width="4"/>
                            <path
                                    d="M6 30.9856C8.63192 32.041 10.5266 32.041 11.6839 30.9856C13.4199 29.4025 11.9219 24.5978 14.3532 23.2727C16.7844 21.9476 20.4886 27.8214 23.9508 25.8887C27.4129 23.9559 23.6246 18.8023 26.0272 16.713C28.4298 14.6237 31.554 16.98 32.1001 13.4865C32.6462 9.99304 29.5521 11.5082 28.9584 8.20693C28.5625 6.00611 28.5625 4.84884 28.9584 4.73511"
                                    stroke="#cfa972" stroke-width="4" stroke-linecap="round"/>
                            <path
                                    d="M29.021 43.3505C27.1469 41.4325 26.4722 39.6497 26.997 38.0019C27.7842 35.5303 29.0827 35.6764 29.6489 34.1482C30.215 32.6199 28.6157 30.4433 32.1644 28.5826C34.5302 27.3421 37.7831 28.7794 41.9229 32.8944"
                                    stroke="#cfa972" stroke-width="4" stroke-linecap="round"/>
                        </svg>
                        别墅位置
                    </div>
                    <div class="location">
                        <!-- 地图盒子 -->
                        <div style="width:100%;height: 100%; margin:auto;position: relative;">
                            <p
                                    style="font-family:'幼圆'; display: none; position: absolute;z-index: 1;margin-left: 20%;margin-top: 15px;">
                                <b>要查询的地址：</b><input id="address" ref="address" type="text" v-model="names2"/>
                                <input type="button" value="查询" onclick="searchByStationName();"
                                       style="width:85px; height:30px;border-color:#ccc;border: none; border-radius:25px;"/>
                            </p>
                            <p style="font-family:'幼圆';display: none;">查询结果(经纬度)：<input id="result_" type="text"
                                                                                        style="border:0;"/></p>
                            <center>
                                <div id="container"
                                     style="position: absolute;width:100%;height:100%;overflow:hidden;">
                                </div>
                            </center>
                        </div>
                    </div>

                    <!-- 别墅位置 —— 结束 -->

                    <!-- 别墅评价 —— 开始 -->
                    <div class="dtitle" id="dtitle5">
                        <?xml version="1.0" encoding="UTF-8"?>
                        <svg width="25" height="25" viewBox="0 0 48 48"
                             fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect width="48" height="48" fill="white" fill-opacity="0.01"/>
                            <path d="M33 38H22V30H36V22H44V38H39L36 41L33 38Z" stroke="#cfa972" stroke-width="4"
                                  stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M4 6H36V30H17L13 34L9 30H4V6Z" fill="none" stroke="#cfa972" stroke-width="4"
                                  stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M12 22H18" stroke="#cfa972" stroke-width="4" stroke-linecap="round"/>
                            <path d="M12 14H24" stroke="#cfa972" stroke-width="4" stroke-linecap="round"/>
                        </svg>
                        别墅评价
                    </div>
                    <div class="dyq"><span>写下入住体验，赢取500元抵用券！</span></div>
                    <div class="detail-app">
                        <!-- 星星评分 -->
                        <div class="star-box">
                            综合评分
                            <el-rate style="margin-left: 15px;" v-model="values" disabled text-color="#ff9900"
                                     score-template="{value}">
                            </el-rate>

                            <span
                                    style="font-size: 20px;letter-spacing: 2px;line-height: 20px;margin-left: 10px;">5.0</span>
                            <span style="line-height: 25px;letter-spacing: 2px;">/{{values}}</span>

                        </div>
                        <!-- 其他评分 -->
                        <div class="Lmr9">
                            <div class="Lmr10">别墅设施<span class="score">5</span></div>
                            <div class="Lmr10">别墅服务<span class="score">5</span></div>
                            <div class="Lmr10">餐饮服务<span class="score">5</span></div>
                            <div class="Lmr10">交通位置<span class="score">5</span></div>
                        </div>
                    </div>

                    <!-- 评论 -->
                    <div class="Villa-evaluation" v-if="userInfo.length!=0">
                        <div class="v-evaluation-box">
                            <div class="evaluation-box1">
                                <div class="evaluation-box-title">
                                    <div class="e-title-img">
                                        <img src="./image/commodity_img/evaluation/evaluation1.jpg" alt="">
                                    </div>
                                    <div class="e-title-xx">
                                        <span class="e-title-xx-span1">张三</span>
                                        <span class="e-title-xx-span2">2019-03-12 13:30:21</span>
                                    </div>
                                </div>
                                <div class="evaluation-box-con">
                                    <div class="e-box-con-p">
                                        <p>非常满意的苏梅岛之旅 大人小孩都玩的很开心 酒店管家很热情 服务很到位 酒店伙食也是一流！</p>
                                    </div>
                                    <div class="e-box-con-img">
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation2.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation3.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation4.jpg);">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="evaluation-box2">
                                <div class="evaluation-box-title">
                                    <div class="e-title-img">
                                        <img src="./image/commodity_img/evaluation/evaluation5.png" alt="">
                                    </div>
                                    <div class="e-title-xx">
                                        <span class="e-title-xx-span1">李四</span>
                                        <span class="e-title-xx-span2">2019-03-12 13:30:21</span>
                                    </div>
                                </div>
                                <div class="evaluation-box-con">
                                    <div class="e-box-con-p">
                                        <p>非常满意的苏梅岛之旅 大人小孩都玩的很开心 酒店管家很热情 服务很到位 酒店伙食也是一流！</p>
                                    </div>
                                    <div class="e-box-con-img">
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation6.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation7.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation8.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation9.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation10.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation11.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation12.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation13.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation14.jpg);">
                                        </div>
                                        <div class="e-box-con-more">
                                            <a href="" style=" text-decoration: none;">更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="evaluation-box1">
                                <div class="evaluation-box-title">
                                    <div class="e-title-img">
                                        <img src="./image/commodity_img/evaluation/evaluation1.jpg" alt="">
                                    </div>
                                    <div class="e-title-xx">
                                        <span class="e-title-xx-span1">张三</span>
                                        <span class="e-title-xx-span2">2019-03-12 13:30:21</span>
                                    </div>
                                </div>
                                <div class="evaluation-box-con">
                                    <div class="e-box-con-p">
                                        <p>非常满意的苏梅岛之旅 大人小孩都玩的很开心 酒店管家很热情 服务很到位 酒店伙食也是一流！</p>
                                    </div>
                                    <div class="e-box-con-img">
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation2.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation3.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation4.jpg);">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="evaluation-box1">
                                <div class="evaluation-box-title">
                                    <div class="e-title-img">
                                        <img src="./image/commodity_img/evaluation/evaluation1.jpg" alt="">
                                    </div>
                                    <div class="e-title-xx">
                                        <span class="e-title-xx-span1">张三</span>
                                        <span class="e-title-xx-span2">2019-03-12 13:30:21</span>
                                    </div>
                                </div>
                                <div class="evaluation-box-con">
                                    <div class="e-box-con-p">
                                        <p>非常满意的苏梅岛之旅 大人小孩都玩的很开心 酒店管家很热情 服务很到位 酒店伙食也是一流！</p>
                                    </div>
                                    <div class="e-box-con-img">
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation2.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation3.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation4.jpg);">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="evaluation-box2">
                                <div class="evaluation-box-title">
                                    <div class="e-title-img">
                                        <img src="./image/commodity_img/evaluation/evaluation5.png" alt="">
                                    </div>
                                    <div class="e-title-xx">
                                        <span class="e-title-xx-span1">李四</span>
                                        <span class="e-title-xx-span2">2019-03-12 13:30:21</span>
                                    </div>
                                </div>
                                <div class="evaluation-box-con">
                                    <div class="e-box-con-p">
                                        <p>非常满意的苏梅岛之旅 大人小孩都玩的很开心 酒店管家很热情 服务很到位 酒店伙食也是一流！</p>
                                    </div>
                                    <div class="e-box-con-img">
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation6.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation7.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation8.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation9.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation10.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation11.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation12.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation13.jpg);">
                                        </div>
                                        <div
                                                style="background-image: url(../image/commodity_img/evaluation/evaluation14.jpg);">
                                        </div>
                                        <div class="e-box-con-more">
                                            <a href="" style=" text-decoration: none;">更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="evaluation-box3">
                                <div class="evaluation-box-title">
                                    <div class="e-title-img">
                                        <img src="./image/commodity_img/evaluation/evaluation1.jpg" alt="">
                                    </div>
                                    <div class="e-title-xx">
                                        <span class="e-title-xx-span1">张三</span>
                                        <span class="e-title-xx-span2">2019-03-12 13:30:21</span>
                                    </div>
                                </div>
                                <div class="evaluation-box-con">
                                    <div class="e-box-con-p">
                                        <p>非常满意的苏梅岛之旅 大人小孩都玩的很开心 酒店管家很热情 服务很到位 酒店伙食也是一流！</p>
                                    </div>
                                </div>
                            </div>
                            <div class="evaluation-box3">
                                <div class="evaluation-box-title">
                                    <div class="e-title-img">
                                        <img src="./image/commodity_img/evaluation/evaluation1.jpg" alt="">
                                    </div>
                                    <div class="e-title-xx">
                                        <span class="e-title-xx-span1">张三</span>
                                        <span class="e-title-xx-span2">2019-03-12 13:30:21</span>
                                    </div>
                                </div>
                                <div class="evaluation-box-con">
                                    <div class="e-box-con-p">
                                        <p>非常满意的苏梅岛之旅 大人小孩都玩的很开心 酒店管家很热情 服务很到位 酒店伙食也是一流！</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 登录或注册 -->
                    <div class="detail-app" v-else>
                        <div class="my-pl-border">
                            <a href="#">
                                <div class="login">登录</div>
                            </a>
                            <p>或</p>
                            <a href="#">
                                <div class="login">注册</div>
                            </a>
                            <p>参与评论</p>
                        </div>
                    </div>
                    <!-- 别墅评价 —— 结束 -->

                </div>

                <!-- 右边 -->
                <div class="commodity_body_right">
                    <div style="display: flex;">
                        <!-- 按钮 -->
                        <a href="#book">
                            <button class="reserve">立刻预订</button>
                        </a>
                        <!-- 点赞 -->
                        <div class="like"></div>
                        <!-- 分享 -->
                        <div class="share">
                            <!-- 分享的二级菜单 -->
                            <div class="shadow-box">
                                <div class="bts_pp">
                                    <img src="./image/commodity_img/icon/icon_10.png"
                                         style="margin-right: 42%;margin-top: -24px">
                                    <a href="#">
                                        <img src="./image/commodity_img/icon/icon_11.png"
                                             style="margin-left: -30px;margin-top: -24px;">
                                    </a>
                                </div>
                                <img src="./image/commodity_img/icon/icon_12.png" alt="">
                            </div>
                        </div>

                    </div>
                    <!-- 图标 -->
                    <div class="js-box">
                        <ul>
                            <li class="bg-h" style="height:90px;list-style-type: none;">
                                <div class="detail-feature">
                                    <b class="detail-icon"
                                       style="background: url(./image/commodity_img/icon/icon_2.png);"></b>
                                    <b class="detail-icon"
                                       style="background: url(./image/commodity_img/icon/icon_3.png);"></b>
                                    <b class="detail-icon"
                                       style="background: url(./image/commodity_img/icon/icon_4.png);"></b>
                                    <b class="detail-icon"
                                       style="background: url(./image/commodity_img/icon/icon_5.png);"></b>
                                </div>
                                <div>
                                    <span class="detail-text">1-2卧室</span>
                                    <span class="detail-text">1浴室</span>
                                    <span class="detail-text">1泳池</span>
                                    <span class="detail-text">2-4人</span>

                                </div>

                            </li>
                            <li class="bg-b">
                                景观：
                                <em>
                                        <span v-if="landscape.vnorms[0].vnorms_type==='别墅景观'"
                                              v-for="(landscape,i) in landscape">
                                            {{ landscape.vnorms[0].vnorms_name}}，
                                        </span>
                                </em>
                            </li>
                            <li class="bg-b" style="background-color: #f4f4f5;">
                                主题：
                                <em>
                                        <span v-if="landscape.vnorms[0].vnorms_type==='主题'"
                                              v-for="(landscape,i) in landscape">
                                            {{ landscape.vnorms[0].vnorms_name}}，
                                        </span>
                                </em>
                            </li>
                            <li class="bg-b">
                                风格：
                                <em>
                                    <span>现代</span>
                                </em>
                            </li>
                            <li class="bg-b" style="background-color: #f4f4f5;">
                                入住时间：
                                <em>
                                    <span>15:00</span>
                                </em>
                            </li>
                            <li class="bg-b">
                                退房时间：
                                <em>
                                    <span>11:00</span>
                                </em>
                            </li>
                            <li class="bg-b" style="background-color: #f4f4f5;display: flex;">
                                设施：
                                <span title="餐厅" class="icones"
                                      style="background: url(./image/commodity_img/icon/icon_8.png) no-repeat;"></span>
                                <span title="健身房" class="icones"
                                      style="background: url(./image/commodity_img/icon/icon_7.png) no-repeat;"></span>
                                <span title="泳池" class="icones"
                                      style="background: url(./image/commodity_img/icon/icon_6.png) no-repeat;"></span>
                                <span><a href="#"
                                         style="color: #7d7d7d;margin-left: 10px;text-decoration: none;position: relative;right: -129px;">更多</a></span>
                            </li>
                        </ul>
                    </div>

                    <!-- 私享定制 -->
                    <div class="personal-tailor">
                        <p style="font-size: 18px;">私享定制</p>
                        <p>您的品质之旅</p>
                        <p>从第六感私享定制开启</p>
                        <a href="#">
                            <div class="ask_me">
                                立即定制
                            </div>
                        </a>
                        <img src="./image/commodity_img/icon/icon_9.png" class="personal-tailor_img" alt="第六感私享定制">
                    </div>

                    <!-- 可能喜欢 -->
                    <div class="like-js-box">
                        <!-- 标题 -->
                        <div style="margin-top: 10px;color: #444;font-size: 16px;padding-bottom: 10px;">您可能还喜欢</div>
                        <!-- 第一 -->
                        <div class="like-cont1">
                            <a title="杭州西溪悦榕庄" href="#">
                                <img src="./image/commodity_img/sidebar/sidebar_1.jpg" alt="杭州西溪悦榕庄" width="100%">
                            </a>
                            <p>
                                <a title="杭州西溪悦榕庄" href="#">杭州西溪悦榕庄</a>
                                <span>0 人去过</span>
                            </p>

                            <span class="like-cont1-span">中国，浙江 | 1-2卧室 ，1浴室 ，1泳池</span>
                        </div>

                        <!-- 第二 -->
                        <div class="like-cont1">
                            <a title="杭州Vallie酒店" href="#">
                                <img src="./image/commodity_img/sidebar/sidebar_2.jpg" alt="杭州西溪悦榕庄" width="100%">
                            </a>
                            <p>
                                <a title="杭州Vallie酒店" href="#">杭州Vallie酒店</a>
                                <span>2 人去过</span>
                            </p>

                            <span class="like-cont1-span">中国，浙江 | 1-2卧室 ，1浴室 ，1泳池</span>
                        </div>

                        <!-- 第三 -->
                        <div class="like-cont1">
                            <a title="新昌安岚酒店" href="#">
                                <img src="./image/commodity_img/sidebar/sidebar_3.jpg" alt="杭州西溪悦榕庄" width="100%">
                            </a>
                            <p>
                                <a title="新昌安岚酒店" href="#">新昌安岚酒店</a>
                                <span>152 人去过</span>
                            </p>

                            <span class="like-cont1-span">中国，浙江 | 1-2卧室 ，1浴室 ，1泳池</span>
                        </div>

                        <!-- 第四 -->
                        <div class="like-cont1">
                            <a title="西坡莫干山度假酒店" href="#">
                                <img src="./image/commodity_img/sidebar/sidebar_4.jpg" alt="杭州西溪悦榕庄" width="100%">
                            </a>
                            <p>
                                <a title="西坡莫干山度假酒店" href="#">西坡莫干山度假酒店</a>
                                <span>0 人去过</span>
                            </p>

                            <span class="like-cont1-span">中国，浙江 | 1-5卧室 ，5浴室</span>
                        </div>

                        <!-- 第五 -->
                        <div class="like-cont1">
                            <a title="大乐之野·南洞" href="#">
                                <img src="./image/commodity_img/sidebar/sidebar_5.jpg" alt="杭州西溪悦榕庄" width="100%">
                            </a>
                            <p>
                                <a title="大乐之野·南洞" href="#">大乐之野 · 南洞</a>
                                <span>0 人去过</span>
                            </p>

                            <span class="like-cont1-span">中国，浙江 | 2卧室 ，2浴室 ，1泳池</span>
                        </div>

                        <!-- 第六 -->
                        <div class="like-cont1">
                            <a title="星野天台山嘉助酒店" href="#">
                                <img src="./image/commodity_img/sidebar/sidebar_6.jpg" alt="杭州西溪悦榕庄" width="100%">
                            </a>
                            <p>
                                <a title="星野天台山嘉助酒店" href="#">星野天台山嘉助酒店 · 南洞</a>
                                <span>0 人去过</span>
                            </p>

                            <span class="like-cont1-span">中国，浙江 | 1卧室 ，1浴室 ，1泳池</span>
                        </div>

                        <!-- 第七 -->
                        <div class="like-cont1">
                            <a title="杭州西子湖四季酒店" href="#">
                                <img src="./image/commodity_img/sidebar/sidebar_7.jpg" alt="杭州西溪悦榕庄" width="100%">
                            </a>
                            <p>
                                <a title="杭州西子湖四季酒店" href="#">杭州西子湖四季酒店</a>
                                <span>0 人去过</span>
                            </p>

                            <span class="like-cont1-span">中国，浙江 | 1卧室 ，1浴室 ，1泳池</span>
                        </div>

                        <!-- 第八 -->
                        <div class="like-cont1">
                            <a title="杭州所见·西溪度假酒店" href="#">
                                <img src="./image/commodity_img/sidebar/sidebar_8.jpg" alt="杭州西溪悦榕庄" width="100%">
                            </a>
                            <p>
                                <a title="杭州所见·西溪度假酒店" href="#">杭州所见·西溪度假酒店</a>
                                <span>1 人去过</span>
                            </p>

                            <span class="like-cont1-span">中国，浙江 | 1-2卧室 ，1浴室 ，1泳池</span>
                        </div>

                    </div>

                </div>

            </div>

        </div>
    </div>

    <!-- 尾部 -->
    <div class="bottom">
        <div class="bottom_box">
            <div class="bottom_details">
                <a href="">
                    <div class="img_Logo"></div>
                </a>
                <div class="bottom_text">
                    第六感-别墅公寓、奢华酒店、私人定制。我们推崇与众不同的度假理念，提供包括度假别墅、短租公寓和奢华酒店在内的多元化住宿选择，另有私人包机，行程定制，豪华游轮等预订服务。
                    第六感致力于满足您的个性化需求，为您提供专业的一站式度假服务。
                </div>
                <ul class="ul_css bottom_ul">
                    <li class="bottom_li">
                        <div class="bottom_ico_vx"></div>
                        <p class="bottom_p_css bottom_text">微信订阅号</p>
                    </li>
                    <li class="bottom_li">
                        <div class="bottom_ico_blog"></div>
                        <p class="bottom_p_css bottom_text">官方微博</p>
                    </li>
                    <li class="bottom_li">
                        <div class="bottom_ico_tmallx"></div>
                        <p class="bottom_p_css bottom_text">官方天猫</p>
                    </li>
                </ul>
            </div>
            <div class="bottom_service">

                <div class="service_box">
                    <div class="service_ico_box">
                        <div class="service_phone_ico">
                        </div>
                        <div class="service_text_box">
                            <span class="bottom_text service_text">400-9600-080</span>
                            <p class="bottom_text">7x24 小时在线服务</p>
                        </div>
                        <div class="service_message_ico"></div>
                        <div class="service_text_box">
                            <span class="bottom_text service_text">服务支持</span>
                            <p class="bottom_text">Rookie团队</p>
                        </div>
                    </div>
                    <div class="service_ico_box">
                        <div class="service_text_box">
                            <span class="bottom_text service_text">市场合作</span>
                            <p class="bottom_text">marketing@Rookie.com</p>
                        </div>
                        <div class="service_text_box">
                            <span class="bottom_text service_text">房源合作</span>
                            <p class="bottom_text">partnership@Rookie.com</p>
                        </div>
                    </div>
                    <ul class="ul_css" style="float:left;margin-top: 13px;">
                        <li class="service_li">
                            <a href="" class="a_text_all">
                                <span style="color: #777">关于团队</span>
                            </a>
                        </li>
                        <li class="service_li">
                            <a href="" class="a_text_all">
                                <span style="color: #777">常见问题</span>
                            </a>
                        </li>
                        <li class="service_li">
                            <a href="" class="a_text_all">
                                <span style="color: #777">服务理念</span>
                            </a>
                        </li>
                        <li class="service_li">
                            <a href="" class="a_text_all">
                                <span style="color: #777">网站地图</span>
                            </a>
                        </li>
                        <li class="service_li">
                            <a href="" class="a_text_all">
                                <span style="color: #777">加入我们</span>
                            </a>
                        </li>
                        <li class="service_li">
                            <a href="" class="a_text_all">
                                <span style="color: #777">同行注册</span>
                            </a>
                        </li>
                    </ul>
                    <div class="service_reserve_box">
                        <div class="reserve_img"></div>
                        <p class="bottom_text reserve_text">APP预订，即时简单快捷</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="business_license">
            <div class="bottom_box">
                <div class="business_license_text">Copyright © 2013-2022 上海墅假网络科技有限公司 沪ICP备14011210号 营业执照</div>
            </div>
        </div>
    </div>
</div>

<!-- 地图 -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript"
        src="http://api.map.baidu.com/api?ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO&v=2.0&services=false"></script>


<script src="js/iconfont.js"></script>
<script src="jquery/jquery-3.6.0.js"></script>
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="./js/api.js"></script>
<script src="./axios/axios.js"></script>

<script src="./js/post.js"></script>
<script src="./js/login.js"></script>

<script src="vue/vue.min.js"></script>
<script src="./js/commodity.js"></script>
<script src="element/index.js"></script>

</body>

</html>